<template>
    <div>
        <el-page-header @back="goBack" title= "返回" :content="content"></el-page-header>
        {{form}}
        <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="问题"><el-input v-model="form.question" size="small"></el-input></el-form-item>
            <el-form-item label="回复"><el-input v-model="form.replay" size="small"></el-input></el-form-item>
            <el-form-item label="状态"><el-input v-model="form.status" size="small"></el-input></el-form-item>
            <el-form-item>
                <div style="text-align:right">
                    <el-button type="primary" @click="submitHandler">提交</el-button>
                </div>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
import { post } from '@/utils/request'
export default {
    data(){
        return{
            content:"新增大棚信息表单",
            form:{}
        }
        
    },

    methods:{
        submitHandler(){
            let url = "http://localhost:8888/message/saveOrUpdte"
            post(url,this.form).then(resp => {
                // 提示
                this.$message({
                    type:"success",
                    message:resp.message}
                )
                //返回列表
                this.goBack()
                }
            )
        },
        //返回实现
        goBack(){
            this.$router.go(-1)
        }
    },

    created(){
    // 页面加载出来的时候，将路由中的参数拿到，放到this.form 中
        this.form = this.$route.query;
   }

}
</script>

<style lang="sass" scoped>

</style>